<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<!-- import CSS -->
		<link rel="stylesheet" href="/jeefast/mb/elementui-lib/lib/index.css">
		<link rel="stylesheet" href="/jeefast/mb/css/common.css">
		<title>用户反馈</title>
	</head>
	<body>
		<div id="app" v-cloak>
			<div class="pd10 border-bottom ft-14">
				用户反馈
			</div>
			<div class="pd10">				
				<el-table :data="tableData" stripe border style="width: 100%">
					<el-table-column prop="mobile" label="用户手机号"></el-table-column>
					<el-table-column prop="username" label="姓名"></el-table-column>
					<el-table-column prop="company" label="单位"></el-table-column>
					<el-table-column prop="fd_info" label="反馈问题"></el-table-column>					
				</el-table>
				<!-- 分页 -->
				<div class="bottomstate">
					<el-pagination class="f-r mt5" background @current-change="handleCurrentChange" :current-page="page" :page-size="limit" layout="total,prev, pager, next,jumper"
					 :total="total" :hide-on-single-page="true"></el-pagination>
				</div>
			</div>
		</div>
	</body>

	<script src="/jeefast/mb/elementui-lib/lib/vue.js"></script>
	<script src="/jeefast/mb/elementui-lib/lib/index.js"></script>
	<script src="/jeefast/mb/js/jquery-1.9.1.min.js"></script>
	<script src="/jeefast/mb/js/axios.js"></script>
	<script src="/jeefast/mb/js/data.js"></script>
	<script>
		var app = new Vue({
			el: "#app",
			mixins: [mix],
			data: function() {
				return {		
					formInline: {
						employeesNo: "", // 按工号、姓名查询
					},
					tableData: [],
					total:0,
				}
			},
			methods: {				
				// 反馈 接口
				getTable: function() {
					let that = this;
					feedbackList({
						page: that.page, //起始页面
						limit: that.limit, //每页显示个数
					}).then(res => {
						console.log(res)
						if (res.data.code == 0) {
							that.tableData = res.data.data;
							that.total = res.data.count;
							console.log(that.tableData)
						}
					})
				},
				// 分页
				handleCurrentChange: function(currentPage) {
					this.page = currentPage;
					this.getTable()
				},
			},
			created() {
				this.getTable();
			},
		});
	</script>
</html>
